<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>用户登录</title>
    <link rel="icon" href="/favicon.ico"/>
	<link rel="stylesheet" href="/css/reset.css" />
	<link rel="stylesheet" href="/lib/icon-font/iconfont.css" />
	<link rel="stylesheet" href="/css/login.css" />
</head>

<body>
	<section>
		<div class="logobox"></div>
		<h1>使用 Smartisan ID 登录官网</h1>
		<!-- 输入错误的时候加上class=inputerror -->
		<input type="text" id="phonenum" placeholder="手机号/邮箱" />
		<input type="password" id="password" placeholder="密码" />
		<!-- 错误信息显示，当上面输入框输入错误时提示 -->
		<!-- 当上面输入框输入错误时em加上class="errorshow" -->
		<em>手机号/邮箱格式错误</em>
		<article>
			<label>
				<input type="checkbox" />
				<span>自动登录</span>
			</label>
			<div>
				<a>短信验证码登录</a>
				<a>忘记密码</a>
			</div>
		</article>
		<!-- 当上面信息填写正确时给加上class="rightbtn" -->
		<button>登录</button>
		<article>
			<ul>
				<li>其它账号登录：</li>
				<li class="iconfont icon-weixin"></li>
				<li class="iconfont icon-weibo"></li>
				<li class="iconfont icon-QQ"></li>
				<li class="iconfont icon-iconfontrectangle390"></li>
			</ul>
			<ul>
				<li>
					<a href="register.html">没有账号?&nbsp;去注册 &gt;</a>
				</li>
			</ul>
		</article>
		<h2>登录代表您已同意 <a>用户协议</a> 和 <a>隐私政策</a></h2>
	</section>

	<!-- <script src="../js/jquery.min.js"></script>
	<script src="../js/login.js"></script> -->
	<script src="/lib/require/require.min.js" data-main="/js/login"></script>
</body>

</html>